<html lang="en">

<head>
    <meta charset="utf-8">
    <title>portal</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=8" />
    <!--ie11 打开，文档模式设置为ie7，此处设置为8-->
    <!-- <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> -->
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="js/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="css/index.css" media="all">
    <script src="http://pv.sohu.com/cityjson?ie=utf-8"></script>

</head>

<body>
    <script src="js/html5.min.js"></script>
    <script src="js/respond.min.js"></script>
    <div class="layui-row row1">

        <!--左边列表-->
        <div class="layui-col-sm2 row1col1" id="news_nav">
            <!--动态切换-->
            <img src="./images/head.jpg" class="r1c1-img1" id="head" />
            <img src="./images/gonggao_a.jpg" class="r1c1-img2" id="gonggao" />
            <img src="./images/tongzhi_a.jpg" class="r1c1-img2" id="tongzhi" />
            <img src="./images/jiangcheng_a.jpg" class="r1c1-img2" id="jiangcheng" />
            <img src="./images/xinwen_a.jpg" class="r1c1-img2" id="xinwen" />
            <img src="./images/caozuo_a.jpg" class="r1c1-img2" id="caozuo" />
            <img src="./images/foot.jpg" class="r1c1-img3" id="foot" />
        </div>
        <!--row1col1-->

        <!--中间内容-->
        <div class="layui-col-sm9 row1col2">

            <!--新闻类别，动态添加-->
            <!-- <div class="r1c2-div1" id="title">
                <i class="layui-icon" style="font-size: 30; color:black">&#xe603;</i>  
                返回列表
            </div> -->

            <div class="r1c2-div1" id="title">
                <!-- <i class="layui-icon" style="font-size: 30px;" id="ret">&#xe65c;</i> -->

            </div>




            <div class="r1c2-div2" id="content">
                <!--动态添加内容,新闻列表或者新闻具体内容-->
                <!--如果是新闻列表，动态拼接下面内容-->
                <!-- <div class="r1c2-div3" style="margin-top:20px">
                    <a href="#">系统软件检查及USB操作手册</a>
                    <div class="r1c2-div5">2019-06-27<span> </span>10:06</div>
                </div>
                <div class="r1c2-div4"></div> -->





                <!-- 如果是新闻内容，则动态拼接下方内容-->
                <!-- <div class="r1c2-div7"><b>优秀绩效员工公示通知</b></div>
                <div class="r1c2-div8">
                    <span>来源：人资部</span>
                    <span> &nbsp&nbsp&nbsp&nbsp&nbsp</span>
                    <span>发布时间：2017年12月13日</span>
                </div>
                <div class="r1c2-div9"></div>
                <div class="r1c2-div10">
                    <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
                    为表彰先进，促进工作，公司从全体员工对公司的贡献、工作能力、工作时间、工作状态、项目<br />难度等方面进行综合考评。
                </div>
                <br />
                <br/><br/><br/>
                <div class="r1c2-div11">
                    <span>附件下载：</span>
                    <span>
                        <a href="http://www.baidu.com">报餐系统操作手册.docx</a>
                    </span>
                </div>
                <br /><br /><br /> -->



            </div>
            <!--r1c2-div2-->

            <!--分页所需内容-->
            <div class="r1c2-div6" id="page">
                <!--动态添加-->
                <!-- <button id="front">上一页</button>
                <span><a href="#" class="r1c2-a1">1</a><a href="#">2</a></span>
                <button class="r1c2-btn1" id="behind">下一页</button> -->
            </div>
            <!--r1c2-div6-->


        </div>
        <!--row1col2-->


    </div>
    <!--row1-->
    <!--layui脚本-->
    <script src="js/layui/layui.js"></script>
    <!--自定义脚本-->
    <script src="js/index.js"></script>
    <script>
    </script>
</body>

</html>